body{
    font-size: 16px;
    width: 100%;
    height: 100vh;
    background-image: url("../img/bg.jpg");
    background-position: center;
    background-size: cover;
    background-repeat: no-repeat;
    -webkit-tap-highlight-color: rgba(255,255,255,0);
}
header{
    height: 2.22rem;
    background-image: url("../img/dp.png");
    background-repeat: no-repeat;
    background-size:auto 100%;
    background-position: center top;
    padding-top: 0.8rem;
}
header>h1{
    font-size: 0.48rem;
    color: white;
    margin-right: 0.1rem;
}
nav{
    height: 6.63rem;
    background-image: url("../img/answer.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1rem;
    color: #4b1500;
}
nav>img{
    height: 1.7rem;
    margin-top: 1rem;
}
nav>h1{
    font-size: 0.5rem;
    color: #4b1500;
    margin:0.3rem 0;
}
nav>p{
    width: 5.92rem;
    color: #4b1500;
    text-indent: 0.64rem;
    line-height: 0.52rem;
}
.ys{
    padding: 0 0.74rem;
}

.content-1{
    height: 1.02rem;
    width: 2.76rem;
    background-image: url("../img/button-answer.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1rem;
    font-weight: bold;
    color: #4b1500;
    font-size: 0.32rem;
    background-color: transparent;
}
.content-2{
    height: 1.02rem;
    width: 2.8rem;
    background-image: url("../img/button-answer-1.png");
    background-size: auto 100%;
    background-repeat: no-repeat;
    background-position: center;
    margin-top: 1rem;
    font-weight: bold;
    color: #4b1500;
    font-size: 0.32rem;
}
.mask{
    position: fixed;
    left:0;
    top:0;
    width: 100%;
    height: 100%;
    background-color: rgba(0,0,0,0.5);
    display: none;
}
.pop{
    position: fixed;
    top:0;
    right: 0;
    width: 2.44rem;
}